<template>
  <div>
    <h3>Music的子组件</h3>
    <p>姓名:{{ name }}</p>
    <p>爱好:{{ hobby }}</p>
  </div>
</template>

<script>
export default {
  name: "Item",
  data() {
    return {
      name: "",
      hobby: "",
    };
  },
  mounted() {
    const { name, hobby } = this.$route.query;
    this.name = name;
    this.hobby = hobby;
  },
};
</script>

<style></style>
